<!--
 * @Author: ykp 501436989@qq.com
 * @Date: 2025-05-02 15:24:52
 * @LastEditors: ykp 501436989@qq.com
 * @LastEditTime: 2025-05-24 11:37:53
 * @FilePath: \vue-ts\src\views\todolist\components\addList.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <div
      @click="addFun()"
      class="box-border bg-green-300 text-center rounded-md cursor-pointer text-xl leading-10 text-gray-800 border hover:border-gray-400 hover:bg-green-600 border-gray-300 w-40 h-10 mx-2"
    >
紧急程度管理    </div>
   <!-- 添加或修改部门对话框 -->
   <el-dialog title="任务紧急程度管理" v-model="open" width="800px" append-to-body>
      <myTable ></myTable>
      <template #footer>
         <div class="dialog-footer">
            <el-button type="primary" @click="submitForm()">确 定</el-button>
            <el-button @click="reset()">取 消</el-button>
         </div>
      </template>
   </el-dialog>
</template>

<script setup lang="ts">
import myTable from './myTable1.vue'
import { ref } from 'vue';
const open = ref(false)
import { useCounterStore } from '../stores/counter'
const pinias = useCounterStore()
const addFun = function () {
   // console.log(11111)
   open.value = true
}
const submitForm = function () {
   open.value = false
   pinias.goRefresh(true)
}
const r = function () {
   open.value = false
   pinias.goRefresh(true)
}
const reset = function(){
     open.value = false
}
</script>

<style scoped></style>